<?php echo $javascript->link('jquery.min.js',false);?>
<?php echo $javascript->link('jquery-ui-custom.min.js',false); ?>
<?php echo $javascript->link('util.js',false); ?>
<?php echo $javascript->link('json.js',false); ?>
<?php echo $javascript->link('json2.js',false); ?>
<?php echo $javascript->link('dump.js',false); ?>

<div class="menu">
<?php  echo $this->Form->menu($this->Access->getMy('id'),$this->Access->getMy('group_id'));?>
</div>
<div class="sesiones form">
<?php echo $this->Form->create('Sesione');?>
	<fieldset>
	  <div align="left"><?php echo $this->Html->image('add_sesion_titulo.png', array('alt'=> __('Nueva Sesion', true), 'border' => '0'));?></div>
	  <table class="tabla_formulario">
		 <tr>
		   <td><?php  echo $this->Form->label("Metodologia");
					  echo $this->Form->select('metodologia_id',array($metodologias),null,array('id'=>'metodologia'), false);?>
					  <span id="carga_grados" style="display:none;">Cargando...</span>
		   </td>			
		   <td><?php  echo $this->Form->label("Grado");
					  echo $form->select('grado_id',array(),null,array('id'=>'grado'),false);?>
					  <span id="carga_cartillas" style="display:none;">Cargando...</span>
		   </td>
		 </tr>		 
		 <tr>
			<td><span id="cartilla" style="display:none;"><?php echo $this->Form->input('cartilla_id',array('id'=>'cartilla_id'));?></span>
				<span id="carga_modulos" style="display:none;">Cargando...</span>				
				<span id="modulo" style="display:none;"><?php echo $this->Form->input('modulo_id', array('id'=>'modulo_id'));?></span>
				<span id="carga_areas" style="display:none;">Cargando...</span>
				<span id="area" style="display:none;"><?php echo $this->Form->input('area_id', array('id'=>'area_id'));?></span>
				<span id="carga_unidades" style="display:none;">Cargando...</span>																	
			</td>
			<td><?php echo $this->Form->label("Unidad");
					  echo $this->Form->select('unidade_id',array(),null,array('id'=>'unidad_id'), false);?>
				     <span id="carga_proyectos" style="display:none;">Cargando...</span>
		    </td>		
		</tr>		
		<tr>
			<td><?php echo $this->Form->label("Proyecto");
					echo $this->Form->select('proyecto_id',array(),null,array('id'=>'proyecto_id'), false);?>
					<span id="carga_temas" style="display:none;">Cargando...</span>    		  
		  </td>
		  <td><?php echo $this->Form->label("Tema");
					echo $this->Form->select('tema_id',array(),null,array('id'=>'tema_id'), false);?>    		  
		  </td>
		</tr>
		<tr>
		  <td><?php echo $this->Form->input('nombre'); ?></td> 
		</tr>
	  </table>
	</fieldset>
<?php echo $this->Form->input('dominio',array('type'=>'hidden','value'=>$_SERVER['SCRIPT_NAME'], 'id'=>'dominio'));?>	
<?php echo $this->Form->end(__('Guardar', true));?>
</div>
<script>
$(function(){
	$('#metodologia').change(function(){		
		$("#carga_grados").show();
		$("#unidad_id").html("");
		var metodologia_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/grados/get_grados_json/'+metodologia_id, function(grados) {
			var opciones = "<option value='0'>Seleccione un grado</option>"+"\n";
		
			for(i in grados){
				opciones += "<option value='"+i+"'>"+grados[i]+"</option>" + "\n";
			}
			$("#grado").html(opciones);
			$("#carga_grados").hide();
		});

		if($('#metodologia').val()=='1'){ //Alfabetizacion
			$("#carga_cartillas").show();
			$.getJSON(dominio+'/cartillas/get_cartillas/', function(cartillas) {
				var opciones = "<option value='0'>Seleccione una cartilla</option>"+"\n";
				for(i in cartillas){
					opciones += "<option value='"+i+"'>"+cartillas[i]+"</option>" + "\n";
				}
				$("#cartilla_id").html(opciones);
				$("#modulo_id").html("");
				$("#area_id").html("");
				$("#carga_cartillas").hide();
			});
			$("#cartilla").show();
			$("#modulo").hide();
			$("#area").hide();
		}else if($('#metodologia').val()=='2'){ //Aceleracion
			$("#carga_modulos").show();
			$.getJSON(dominio+'/modulos/get_modulos/', function(modulos) {
				var opciones = "<option value='0'>Seleccione un modulo</option>"+"\n";
				for(i in modulos){
					opciones += "<option value='"+i+"'>"+modulos[i]+"</option>" + "\n";
				}
				$("#modulo_id").html(opciones);
				$("#cartilla_id").html("");
				$("#area_id").html("");
				$("#carga_modulos").hide();
			});
			$("#cartilla").hide();
			$("#modulo").show();
			$("#area").hide();
		}else if($('#metodologia').val()=='3'){ //Postprimaria
			$("#carga_areas").show();
			$.getJSON(dominio+'/areas/get_areas/', function(areas) {
				var opciones = "<option value='0'>Seleccione un area</option>"+"\n";
				for(i in areas){
					opciones += "<option value='"+i+"'>"+areas[i]+"</option>" + "\n";
				}
				$("#area_id").html(opciones);
				$("#carga_areas").hide();
				$("#cartilla_id").html("");
				$("#modulo_id").html("");
			});
			$("#cartilla").hide();
			$("#modulo").hide();
			$("#area").show();
		}		
	});

	$('#grado').change(function(){
		$("#carga_areas").show();
		var grado_id = $(this).val();		
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/areas/get_areas_grado/'+grado_id, function(areas) {			
			var opciones = "<option value='0'>Seleccione un area</option>"+"\n";
			for(i in areas){
				opciones += "<option value='"+i+"'>"+areas[i]+"</option>" + "\n";
			}
			$("#area_id").html(opciones);
			$("#carga_areas").hide();
		});
	});
	
	$('#cartilla_id').change(function(){	
		$("#carga_unidades").show();
		$("#unidad_id").html("");
		var cartilla_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/unidades/get_unidades_cartilla/'+cartilla_id, function(unidades) {			
			var opciones = "<option value='0'>Seleccione una unidad</option>"+"\n";
			for(i in unidades){
				opciones += "<option value='"+i+"'>"+unidades[i]+"</option>" + "\n";
			}
			$("#unidad_id").html(opciones);
			$("#carga_unidades").hide();
		});
	});
	$('#modulo_id').change(function(){		
		$("#carga_unidades").show();
		$("#unidad_id").html("");
		var modulo_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/unidades/get_unidades_modulo/'+modulo_id, function(unidades) {			
			var opciones = "<option value='0'>Seleccione una unidad</option>"+"\n";
			for(i in unidades){
				opciones += "<option value='"+i+"'>"+unidades[i]+"</option>" + "\n";
			}
			$("#unidad_id").html(opciones);
			$("#carga_unidades").hide();
		});
	});
	$('#area_id').change(function(){				
		$("#carga_unidades").show();
		$("#unidad_id").html("");
		var area_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/unidades/get_unidades_area/'+area_id, function(unidades) {			
			var opciones = "<option value='0'>Seleccione una unidad</option>"+"\n";
			for(i in unidades){
				opciones += "<option value='"+i+"'>"+unidades[i]+"</option>" + "\n";
			}
			$("#unidad_id").html(opciones);
			$("#carga_unidades").hide();
		});
	});	

	$('#unidad_id').change(function(){				
		$("#carga_proyectos").show();
		$("#proyecto_id").html("");
		var unidad_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/proyectos/get_proyectos_unidad/'+unidad_id, function(proyectos) {			
			var opciones = "<option value='0'>Seleccione un proyecto</option>"+"\n";
			for(i in proyectos){
				opciones += "<option value='"+i+"'>"+proyectos[i]+"</option>" + "\n";
			}
			$("#proyecto_id").html(opciones);
			$("#carga_proyectos").hide();
		});
	});

	$('#proyecto_id').change(function(){				
		$("#carga_temas").show();
		$("#tema_id").html("");
		var proyecto_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/temas/get_temas_proyecto/'+proyecto_id, function(temas) {			
			var opciones = "<option value='0'>Seleccione un tema</option>"+"\n";
			for(i in temas){
				opciones += "<option value='"+i+"'>"+temas[i]+"</option>" + "\n";
			}
			$("#tema_id").html(opciones);
			$("#carga_temas").hide();
		});
	});
	
		
});
</script>
